<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<base href="<%=basePath%>">

<html>
<head>
    <meta charset="utf-8">
    <title>
        阳光成单系统
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="System/css/x-admin.css" media="all">


    <!-- jqPagination styles -->
    <link rel="stylesheet" href="System/css/jqpagination.css" />
</head>
<style>
    #begin,#upper,#lower,#end{
        width: 40px;
        height: 30px;
        font-size: 20px;
    }
    #a{
        width: 200px;
        height: 30px;
        font-size: 18px;
    }
</style>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>角色管理</cite></a>
              <a><cite>角色管理详细信息</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="logistics/LogisticsAllas" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">

    <form class="layui-form x-center" action="" style="width:70%">
        <div class="layui-form-pane" style="margin-top: 15px;">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width:60px">物流编号</label>
                <div class="layui-input-inline" style="width:120px">
                    <input type="text" name="name"  placeholder="物流编号" autocomplete="off" class="layui-input">
                </div>

                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i>搜索</button>
                </div>
            </div>
        </div>
    </form>
<%--    <button type="button" class="layui-btn" onclick="role_add('添加用户','System/car-add.jsp','300','300')">--%>
<%--        <i class="layui-icon">&#xe608;</i>添加</button>--%>
    <%--<form action="" method="">
    <div class="layui-btn">
        <span class="layui-btn layui-btn-normal layui-btn-mini">物流编号</span>
    </div>
    <div class="layui-input-inline">
        <input type="text" name="name"  placeholder="物流编号" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width:80px">
        <button class="layui-btn"  lay-submit="" lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
    </div>
    </form>--%>
    <xblock><span class="x-right" style="line-height:40px">共有数据：${count} 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <input type="checkbox" name="" value="">
            </th>
            <th>
               物流编号
            </th>
            <th>
                运输车辆
            </th>
            <th>
                配送地区
            </th>
            <th>
                配送编号
            </th>
            <th>
                配送负责人
            </th>
            <th>
                开始时间
            </th>
            <th>
               结束时间
            </th>
            <th>
                物流状态
            </th>
        </tr>
        </thead>
        <tbody id="x-link">
        <c:forEach items="${logistics}" var="logistic">
        <tr>
            <td>
                <input type="checkbox" value="1" name="">
            </td>
            <td>
                ${logistic.logisticsNumber}
            </td>
            <td>
                ${logistic.car.carNumber}
            </td>
            <td>
                ${logistic.leavewarehouse.leavewarehouseAddress}
            </td>
            <td>
                    ${logistic.leavewarehouse.leavewarehouseSerial}
            </td>
            <td>
                    ${logistic.leavewarehouse.employees.employeesName}
            </td>
            <td>
                ${logistic.logisticsOuttime}
            </td>
            <td>
                ${logistic.logisticsGettime}
            </td>
            <td>
                <a class="layui-btn layui-btn-mini layui-btn-normal">
                        ${logistic.logisticsCode==0?"已运达":"运输中"}
                </a>

            </td>
<%--            <td class="td-manage">--%>
<%--                <a title="编辑" href="javascript:;" onclick="rule_edit('编辑','rule-edit.html','4','','510')"--%>
<%--                   class="ml-5" style="text-decoration:none">--%>
<%--                    <i class="layui-icon">&#xe642;</i>--%>
<%--                </a>--%>
<%--                <a title="删除" href="javascript:;" onclick="rule_del(this,'1')"--%>
<%--                   style="text-decoration:none">--%>
<%--                    <i class="layui-icon">&#xe640;</i>--%>
<%--                </a>--%>
<%--            </td>--%>
        </tr>
        </c:forEach>
        </tbody>
    </table>

    <%--    分页--%>
    <div id="wrapper" style="margin-top: -10px;margin-left:480px">
        <div class="pagination">
            <a href="javascript:;" onclick="begin1()"  id="begin" class="first" data-action="first">&laquo;</a>
            <a href="javascript:;" onclick="upper1()"  id="upper" class="previous" data-action="previous">&lsaquo;</a>
            <input type="text" id="a"  readonly="readonly" value="${logisticsText}"/>
            <input type="hidden" id="a1" readonly="readonly" value="${thisPage}">
            <a href="javascript:;"  onclick="lower1()" id="lower" class="next" data-action="next">&rsaquo;</a>
            <a href="javascript:;" onclick="end1()"  id="end" class="last" data-action="last">&raquo;</a>
        </div>
        <div class="clearfix"></div> <!-- should probably have a shower after that -->
        <div style="text-align:center;clear:both;margin-top:50px">
            <%--    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>--%>
            <%--    <script src="/follow.js" type="text/javascript"></script>--%>
        </div>
    </div>
</div>
<script src="System/lib/layui/layui.js" charset="utf-8"></script>
<script src="System/js/x-layui.js" charset="utf-8"></script>
<script>
    layui.use(['element','layer','form'], function(){
        $ = layui.jquery;//jquery
        lement = layui.element();//面包导航
        layer = layui.layer;//弹出层
        form = layui.form();

        //监听提交
        form.on('submit(sreach)', function(data){
            console.log(data.field.name);
            //发异步，把数据提交给php
            location="logistics/queryLogisticsLikeLimit?logisticsNumber="+data.field.name+"&page=1";
            return false;
        });
    })

    //以上模块根据需要引入

    //批量删除提交
    function delAll () {
        layer.confirm('确认要删除吗？',function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
        });
    }

    // // /*添加*/
    // function role_add(title,url,w,h){
    //     x_admin_show(title,url,w,h);
    // }

    //-编辑
    function rule_edit (title,url,id,w,h) {
        x_admin_show(title,url,w,h);
    }

    /*删除*/
    function rule_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }

    //首页
    function begin1(){
        $("#a1").attr("value",1);
        var number=$("#a1").val();
        //location.href="logistics/queryLogisticsAllPage?page="+number;
        /*outboundLikeName不为空的时候   属于模糊查询的分页*/
        <c:if test="${not empty logisticsNumber}">
        location.href="logistics/queryLogisticsLikeLimit?logisticsNumber="+"${logisticsNumber}"+"&page="+number;
        </c:if>
        /*outboundLikeName为空的时候   属于全部数据的分页*/
        <c:if test="${empty logisticsNumber}">
        location.href="logistics/queryLogisticsAllPage?page="+number;
        </c:if>
    }
    //上一页
    function upper1(){
        if(parseInt($("#a1").val())<=1){
            $("#a1").val().attr("value",1);
        }
        $("#a1").attr("value",parseInt($("#a1").val())-1);
        var number=$("#a1").val();
        // location.href="logistics/queryLogisticsAllPage?page="+number;
        <c:if test="${not empty logisticsNumber}">
        location.href="logistics/queryLogisticsLikeLimit?logisticsNumber="+"${logisticsNumber}"+"&page="+number;
        </c:if>
        /*outboundLikeName为空的时候   属于全部数据的分页*/
        <c:if test="${empty logisticsNumber}">
        location.href="logistics/queryLogisticsAllPage?page="+number;
        </c:if>
    }
    //下一页
    function lower1(){
        if(parseInt($("#a1").val())>=${logisticsPageMax}){
            $("#a1").val().attr("value",${logisticsPageMax});
        }
        $("#a1").attr("value",parseInt($("#a1").val())+1);
        var number=$("#a1").val();
        <c:if test="${not empty logisticsNumber}">
        location.href="logistics/queryLogisticsLikeLimit?logisticsNumber="+"${logisticsNumber}"+"&page="+number;
        </c:if>
        /*outboundLikeName为空的时候   属于全部数据的分页*/
        <c:if test="${empty logisticsNumber}">
        location.href="logistics/queryLogisticsAllPage?page="+number;
        </c:if>
    }
    //尾页
    function end1(){
        $("#a1").attr("value",${logisticsPageMax});
        var number=$("#a1").val();
        <c:if test="${not empty logisticsNumber}">
        location.href="logistics/queryLogisticsLikeLimit?logisticsNumber="+"${logisticsNumber}"+"&page="+number;
        </c:if>
        /*outboundLikeName为空的时候   属于全部数据的分页*/
        <c:if test="${empty logisticsNumber}">
        location.href="logistics/queryLogisticsAllPage?page="+number;
        </c:if>
    }
</script>

</body>
</html>